<template>
    <header id='head_top'>
        <!-- <slot name='search'></slot> -->
        <section class="head_left left">
            <div class="head_location left">
                <img src="../../images/location.png">
            </div>
            仓库3710075
        </section>
        <section class="head_right right">
            <div class="head_search">
                <img src="../../images/searchIcon.png">
            </div>
            <div class="head_add">
                <svg viewBox="0 0 23 23" > 
                    <line x1="0" y1="11.5" x2="23" y2="11.5"
                    style="stroke:rgb(255,255,255);stroke-width:2"/>
                    <line x1="11.5" y1="0" x2="11.5" y2="23"
                    style="stroke:rgb(255,255,255);stroke-width:2"/>
                </svg>
            </div>
        </section>
    </header>
</template>

<script>
    export default {
    	data(){
            return{
            }
        },
        mounted(){
        },
        computed: {
        },
        methods: {
        },
    }
</script>

<style lang="scss" scoped>
    @import '../../style/mixin';

    #head_top{
        clear: both;
        background-color: $blue;
        position: fixed;
        z-index: 100;
        left: 0;
        top: 0;
        @include wh(100%, .88rem);
    }
    .head_left{
        @include sc(.34rem, #fff);
        line-height: .88rem;
        .head_location{
            font-size: 0;
            display: inline-block;
            @include wh(.74rem, .88rem);
            img{
                @include wh(100%, 100%);
            }
        }
    }
    .head_right{
        font-size: 0;
        .head_search{
            display: inline-block;
            @include wh(.74rem, .88rem);
            img{
                margin: .26rem .19rem;
                @include wh(.36rem, .36rem);
            }
        }
        .head_add{
            display: inline-block;
            @include wh(.74rem, .88rem);
            svg{
                margin: .26rem .19rem .26rem .13rem;
                @include wh(.36rem, .36rem);
            }
        }
    }
    .head_main1{
        left: .7rem;
    }
    .head_main2{
        right: 1rem;
    }
    .head_bth{
        position: absolute;
        right: 0;
        top: .2rem;
        width: 1rem;
        text-align: center;
        @include sc(.3rem, #666);
        line-height: .68rem;
    }
</style>
